<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/jiuyoucenter.min.css">
</head>
<body>
    <!-- 发号中心首页头部logo -->
    <header class="fhcenter-nav">
        <div class="fhcenter-nav-container">
            <div class="fhcenter-nav-logo">
                <img src="./img/logo-v4.png" alt="">
            </div>
            <div class="fhcenter-nav-search">
                <input type="text" placeholder="请输入游戏关键字" class="nav-search-box">
                <div class="search-box">
                    <img src="./img/magn.png" alt="">
                    搜 索
                </div>
                <div class="nav-keyword">
                    <span class="keyword-title">搜索热词：</span>
                    <span class="keyword-text">新三国争霸</span>
                    <span class="keyword-text">狩猎者联盟</span>
                    <span class="keyword-text">热血海贼王</span>
                    <span class="keyword-text">梦西游</span>
                </div>
            </div>
        </div>
    </header>
    <!-- 首页导航 -->
    <header class="fhcenter-bar">
        <div class="fhcenter-bar-container">
            <ul class="fhcenter-bar-list">
                <li class="fhcenter-bar-item active">发号首页</li>
                <li class="fhcenter-bar-item">激活码</li>
                <li class="fhcenter-bar-item">特权礼包</li>
                <li class="fhcenter-bar-item">新服礼包</li>
                <li class="fhcenter-bar-item">单机礼包</li>
                <li class="fhcenter-bar-item">公会礼包</li>
                <li class="fhcenter-bar-item">新手帮助</li>
            </ul>
            <div class="bar-item-num">
                <span class="num-icon"></span>
                存号箱
            </div>
        </div>
    </header>
    <!-- 热门游戏部分 -->
    <div class="fhcenter-hot-game">
        <div class="hot-game-container">
            <div class="hot-game-title">
                <div class="hot-game-text">热门游戏</div>
            </div>
            <ul class="hot-game-list"></ul>
        </div>
    </div>
    <!-- 内容部分 -->
    <div class="fhcenter-content">
        <div class="fhcenter-content-container">
            <div class="fhcenter-left">
                <!-- 轮播部分 -->
                <div class="fhcenter-left-slide">
                    <div class="left-slide-imgs">
                        <img src="http://image.game.uc.cn/2015/7/24/10757442.jpg" alt="" class="active">
                        <img src="http://image.game.uc.cn/2015/7/22/10748637.jpg" alt="">
                        <img src="http://image.game.uc.cn/2015/7/20/10732039.jpg" alt="">
                        <img src="http://image.game.uc.cn/2015/7/24/10757446.jpg" alt="">
                    </div>
                    <div class="slide-item-mask">
                        <div class="mask-title">
                            <span class="mask-title-slide active">[妖精的尾巴：启程]首测限量激活码</span>
                            <span class="mask-title-slide">[COS大乱斗]九游独家公测COS礼包</span>
                            <span class="mask-title-slide">[天下X天下]封测限量版激活码</span>
                            <span class="mask-title-slide">[东京食尸鬼]首发礼包</span>
                        </div>
                        <ul class="mask-imgs">
                            <li class="mask-img-item active">
                                <div class="mask-double" data-i="0"></div>
                                <img src="http://image.game.uc.cn/2015/7/24/10757442.jpg" alt="">
                            </li>
                            <li class="mask-img-item">
                                <div class="mask-double" data-i="1"></div>
                                <img src="http://image.game.uc.cn/2015/7/22/10748637.jpg" alt="">
                            </li>
                            <li class="mask-img-item">
                                <div class="mask-double" data-i="2"></div>
                                <img src="http://image.game.uc.cn/2015/7/20/10732039.jpg" alt="">
                            </li>
                            <li class="mask-img-item">
                                <div class="mask-double" data-i="3"></div>
                                <img src="http://image.game.uc.cn/2015/7/24/10757446.jpg" alt="">
                            </li>                         
                        </ul>
                    </div>
                </div>
                <!-- 排行榜部分 -->
                <div class="content-rank-list">
                    <div class="rank">
                        <div class="rank-list-title">
                            特权礼包今日领取排行榜
                        </div>
                        <ul class="rank-list special-policy">  </ul>
                    </div>
                    <div class="rank">
                        <div class="rank-list-title">
                            激活码今日领取排行榜
                        </div>
                        <ul class="rank-list activation-code">  </ul>
                    </div>
                    <div class="rank">
                        <div class="rank-list-title">
                            新服礼包今日领取排行榜
                        </div>
                        <ul class="rank-list new-giftbag">  </ul>
                    </div>
                    <div class="rank">
                        <div class="rank-list-title">
                            今日预订排行榜
                        </div>
                        <ul class="rank-list today-book">  </ul>
                    </div>
                    <div class="rank">
                        <div class="rank-list-title">
                            最火游戏排行
                        </div>
                        <ul class="rank-list best-hot">  </ul>
                    </div>
                    <div class="rank">
                        <div class="rank-list-title">
                            最新游戏排行
                        </div>
                        <ul class="rank-list best-new">  </ul>
                    </div>
                </div>
                <!-- 发号说明 -->
                <div class="fhcenter-explain">
                    <div class="rank-list-title">
                        <span class="explain-ico"></span>
                        发号说明
                    </div>
                    <div class="explain-content">
                        <p>1.大部分号的领取无需任何条件，一些珍贵的礼包，需要满足登录UC账号、绑定手机或扣取九游铜币等条件才可获得。</p>
                        <p>2.淘号系统中的号均被领取过，很可能已被使用，您需要碰碰运气，并可以尝试多次淘号。</p>
                        <p>3.目前系统暂无法保存您的淘号记录，请自行复制和保存淘到的号。</p>
                        <p>4.预号成功后，您将第一时间获得发号的消息通知，比普通玩家拥有提前30分钟领号的特权。</p>
                        <p>5.请您在领取号后尽快使用，以免号结束或被其他玩家淘走。</p>
                        <p>6.领取和预订的号会记录在存号箱，您可以随时进入存号箱查阅领取和预订记录。</p>
                    </div>
                </div>
            </div>
            <div class="fhcenter-right">
                <!-- 新服测试表 -->
                <div class="fhcenter-new-game">
                    <div class="rank-list-title">
                        新服测试表
                    </div>
                    <div class="new-game-title">
                        <ul class="newGame-list">
                            <li class="game-name">游戏名</li>
                            <li class="new-game-time">开测时间</li>
                            <li class="send-num">发号</li>
                        </ul>
                    </div>
                </div>
                <!-- 新服表 -->
                <div class="fhcenter-new-sever">
                    <div class="rank-list-title">
                        新服表
                    </div>
                    <div class="new-game-title">
                        <ul class="newGame-list">
                            <li class="game-name">游戏名</li>
                            <li class="new-game-time">开服时间</li>
                            <li class="send-num">发号</li>
                        </ul>
                        <div class="new-sever-content">
                            <ul class="new-sever-gameName"></ul>
                            <ul class="new-sever-gameTime"></ul>
                            <ul class="new-sever-sendNum"></ul>
                        </div>
                    </div>                   
                </div>
                <!-- 发号实时播报 -->
                <div class="fhcenter-now-ad">
                    <div class="rank-list-title">
                        发号实时播报
                    </div>
                    <ul class="now-ad-list"></ul>
                </div>  
            </div>
        </div>      
    </div>
    <!-- 友情链接 -->
    <div class="friend-link">
        <div class="rank-list-title">
            <span class="link-ico"></span>
            友情链接
        </div>
        <ul class="friend-link-list">
            <li class="friend-link-item">九游门户</li>
            <li class="friend-link-item">九游论坛</li>
            <li class="friend-link-item">交换链接</li>
            <li class="friend-link-item">交换链接</li>
            <li class="friend-link-item">交换链接</li>
            <li class="friend-link-item">交换链接</li>
        </ul>
    </div>
    <!-- 底部 -->
    <footer class="foot-bottom">
        <ul class="footer-nav">
            <li class="footer-item">九游招聘</li>
            <li class="footer-item">联系我们</li>
            <li class="footer-item">官方微博</li>
            <li class="footer-item">网站地图</li>
            <li class="footer-item">联系我们</li>
            <li class="footer-item">玩家客服</li>
        </ul>
        <p class="copyright">Copyright @ 2009 - 2016 www.9game.cn All Rights Reserved <span class="yue-b2">粤B2-20090437</span></p>
        <p class="web-status">
            <span class="web">《网络游戏管理暂行办法》&nbsp;&nbsp;</span>
            <span class="web">《游戏资质信息》&nbsp;&nbsp;</span>
            <span class="web">《未成年人家长监护工程》&nbsp;&nbsp;</span>
            <span class="web">《九游隐私权政策》&nbsp;&nbsp;</span>
        </p>        
    </footer>
    <script src="./js/data.js"></script>
    <script src="./js/jiuyoucenter.js"></script>
</body>
</html>